<!--
 * @FileDescription: 套件厂商组件
 * @Author: 小威吃饱了
 * @Date: 2022/5/25
 * @LastEditors: 小威吃饱了
 * @LastEditTime: 2022/5/25
 -->
<template>
  <div>
    <mt-swipe>
      <mt-swipe-item v-for="(item, index) in banners" key="index">
        <a :href="item.link"> 
          <img :src="item.src" alt="显示错误"/> 
        </a>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  name: 'Swipe',
  data() {
    return {
      banners: [ //存放信息，供v-if调用
        {
          title: '2.0 Add',
          src: '../equips/Matrix/2.0 Additional.jpg',
          content: '客制化套件'
        },
        {
          title: 'Falcon',
          src: '../equips/Matrix/Falcon.jpg',
          content: '客制化套件'
        },
        {
          title: 'IM+ X',
          src: '../equips/Matrix/IM+ X.mas.jpg',
          content: '客制化套件'
        },
        {
          title: 'IM+',
          src: '../equips/Matrix/IM+.jpg',
          content: '客制化套件'
        },
        {
          title: 'ME',
          src: '../equips/Matrix/ME.jpg',
          content: '客制化套件'
        },
        {
          title: 'Vita',
          src: '../equips/Matrix/Vita &Vita Class.jpg',
          content: '客制化套件'
        }
      ]
    }
  }
}
</script>
<style>
img {
  width: 100%;
}
.mint-swipe {
  height: 166px;
}
</style>
